<template>
  <div style="padding: 0 15px">
    <x-table>
      <tbody>
        <tr>
          <td>
            <x-button @click.native="toLogin"
            >
              登录
            </x-button>
          </td>
          <td>
            <x-button @click.native="processButton001"
            >
              实时数据
            </x-button>
          </td>
          <td>
            <x-button @click.native="processButton001"
            >
              股票诊断
            </x-button>
          </td>
        </tr>
        <tr>
          <td>
            <x-button @click.native="processButton001"
            >
              股票推荐
            </x-button>
          </td>
          <td>
            <x-button @click.native="processButton001"
            >
              量化分析
            </x-button>
          </td>
          <td>
            <x-button @click.native="processButton001"
            >
              留言板
            </x-button>
          </td>
        </tr>
        <tr>
          <td>
            <x-button @click.native="processButton001"
            >
              设置
            </x-button>
          </td>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </x-table>
  </div>
</template>

<script>
import { XTable, XButton } from "vux";

export default {
  name: "Index",
  components: {
    XTable,
    XButton,
  },
  data() {
    return {
      /**
       * 是否显示授权视图(view)
       */
      autViewShow: false,
    };
  },
  created() {
    
  },
  methods: {
    toLogin () {
      this.$router.push('/login');
    },
    /**
     * 跳转到RealTimeData.vue
     */
    toRealTimeData () {
      this.$router.push('/realTimeData');
    },
    processButton001 () {
      console.log('111111111');
      this.$router.push('/realTimeData');
      console.log('22222222');
    },
  }
};
</script>

<style scoped>
/* 外层容器 */
.content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 10rpx;
}
</style>
